<!--
 * @Author: Li Zengkun
 * @Date: 2022-06-29 23:24:12
 * @LastEditors: Li Zengkun
 * @LastEditTime: 2022-07-01 20:18:11
 * @Description: 关于我们
-->
<!--  -->
<template>
  <div id="aboutUs">
    <!-- 标题 -->
    <div class="title" style="text-align: center; margin-bottom: 60px">
      <h2>关于我们</h2>
      <p>about us</p>
    </div>

    <div class="main-content" ref="content"></div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  mounted() {
    document.getElementsByTagName('title')[0].innerHTML = '云旅 | 关于我们'

    this.$axios.get("/data.json").then((res) => {
      console.log(res.data);
      console.log(this.$refs.content.innerHTML);
      this.$refs.content.innerHTML = res.data.aboutUsHTML;
    });
  },
  components: {},
};
</script>

<style scoped>
@import "../assets/css/indexPage.css";

#aboutUs {
  font-size: 13px;
  line-height: 24px;
  color: #7e7e7e;
}
#aboutUs .main-content {
  text-align: left;
}
hr {
  border: none;
  border-top: 1px dotted #d3d3d3;
  margin-top: 10px;
  margin-bottom: 10px;
  word-wrap: break-word;
  word-break: normal;
}
.subtitle {
  text-align: left;
  margin-top: 20px;
  margin-bottom: 20px;
}
#banner {
  height: 400px;
  background-image: url("../assets/companyInfoBg.jpg");
  background-position: center;
}

.container_content {
  padding-top: 0;
  margin: 20px 0 120px 0;
}
</style>
